
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Human Resources &rarr; <span>Time Clock</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			 <p>&nbsp;</p>
			 
			<!-- Time Clock -->
			<div id="time-clock" class="leading clearfix">
			
				<div class="width2 first">
					<div class="content-box corners">
						<section style="width:90%; text-align:center">
							<label><?= date('j F Y [ l ]'); ?></label>
						</section>
					</div>
				</div>
			
				<div class="width8 first ta-center">
					<section class="full">
						<label style="color:5092dc; font-size:150px;"><?= date('h:i A'); ?></label>
					</section>
				</div>
				
				<div class="width8 first ta-center">
					<section class="full">
						<label>ID #</label>
						<input type="text"  />
					</section>
				</div>
				
				<div>&nbsp;</div>
				
				<div class="width8 first ta-center">
					<section class="full">
						<a href="#log-in-confirmation" class="nyroModal btn btn-blue bigger" rev="modal">Time In&nbsp;</a>
						<a href="#log-out-confirmation" class="nyroModal btn btn-red bigger">Time Out</a>
					</section>
				</div>
				
				<div id="log-in-confirmation" class="hidden">
					<div class="content-box corners popup-buttons">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>/img/information.png" alt="" />Log In</h3>
							<span class="right-buttons">
								<a href="#" class="btn nyroModalClose"><span class="icon icon-cancel">&nbsp;</span>Close</a>
							</span>
						</header>
						<section style="width:96%; text-align:center">
							<p style="font-size:18px">
								Hello <b style="color:5092dc">John dela Cruz</b>!<br  />
								You are successfully logged in.<br  />
								Thank you.
								<br  />&nbsp;
							</p>
						</section>
					</div>
				</div>
				
				<div id="log-out-confirmation" class="hidden">
					<div class="content-box corners popup-buttons">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>/img/information.png" alt="" />Log Out</h3>
							<span class="right-buttons">
								<a href="#" class="btn nyroModalClose"><span class="icon icon-cancel">&nbsp;</span>Close</a>
							</span>
						</header>
						<section style="width:96%; text-align:center">
							<p style="font-size:18px">
								Hello <b style="color:5092dc">John dela Cruz</b>!<br  />
								You are successfully logged out.<br  />
								Thank you.
								<br  />&nbsp;
							</p>
						</section>
					</div>
				</div>
				
			</div>
			<!-- End of Time Clock -->
			
			<div class="clear">&nbsp;</div>
			
		 </div>
		 <!-- End of Wrapper -->
		 		
	</div>
	<!-- End of Page content -->
	
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>/js/hr.js"></script>